.wrapper{
    width: 100%;
    height: 100%;
    position: relative;
}

.info{
    width: 90%;
    margin: 0 auto;
    margin-top: 2vw;
    border-collapse: collapse;
    border: solid 1px #DDD;
    color: #666;
}

.info tr td{
    box-sizing: border-box;
    padding: 1.4vw;
    font-size: 3.6vw;
}
.info tr td:first-child{
    background-color: #F5F7FA;
    width: 22%;
}

.actual{
    width: 90%;
    margin: 0 auto;
    margin-top: 4vw;
    color: #666;
}

.actual table{
    margin-top: 1vw;
    font-size: 3.6vw;
}
.actual table tr{
    height: 8vw;
}
.actual table tr td input{
    border: none;
    outline: none;
    width: 45vw;
    height: 7vw;
    border: solid 1px #999;
    border-radius: 3.5vw;
    box-sizing: border-box;
    padding-left: 3vw;
}
.actual table tr td:last-child p{
    margin-left: 4vw;
    width: 7vw;
    height: 7vw;
    text-align: center;
    line-height: 7vw;
    background-color: #EF0000;
    border-radius: 1.4vw;
    color: #FFF;
    font-size: 3.6vw;
    font-weight: 700;
}
.actual h3{
    width: 100%;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    font-size: 4vw;
    color: #FFF;
    background-color: #EF0000;
    margin: 3vw 0;
}
.actual .btn{
    width: 40vw;
    height: 8vw;
    margin: 0 auto;
    text-align: center;
    line-height: 8vw;
    background-color: #409EFF;
    border-radius: 2vw;
    font-size: 4vw;
    font-weight: 700;
    color: #FFF;
}